/* smallbore*/
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
	word-wrap: break-word
}
li, ol, ul {
	list-style: none
}
a{color:#212121;}
body {
	font-size: 12px;
	position: absolute;top: 0;right: 0; bottom: 0;left: 0;
	font-family:"PingFang SC","Helvetica Neue",STHeiti,Tahoma,"Microsoft Yahei",Simsun,sans-serif;
  	line-height: 1.4;
  	color: #3d4145;
  	background: #eeeeee;
  	overflow: hidden;
  	min-width: 320px; 
  	margin:0 auto;
  	-webkit-overflow-scrolling: touch;
}
img {max-width: 100%;vertical-align: middle;border: 0;-ms-interpolation-mode: bicubic;-webkit-touch-callout: none}
/*去掉伪类，*/

.no-before::before,.no-after::after,.no-end::before,.no-end::after{content:none;}
.no-align{-webkit-box-align: inherit;-webkit-align-items: inherit;align-items: inherit;}
.in-align{-webkit-box-align: center;-webkit-align-items: center;align-items: center;}

.clearfix:after, .clearfix:before {display: table;content: " "}
.clearfix:after {clear: both}

.fl{ float: left !important;}
.fr{ float: right !important;}
.tr{ text-align:right;}
.tl{ text-align: left;}
.tc{ text-align:center;}
.affix {position: fixed;}
.bor-r{border-right:1px solid #e7e7e7;}

.small_page {
	position:relative;
	height:100%;
	width:100%;
	overflow: hidden;
}

.small_page .small_head {
  height: 42px;
  background: #fff;
  /*border-bottom:1px solid #eaeaea;*/
}
.small_foor ~ .small_body{bottom:44px;}
.small_head ~ .small_body{top:42px;}
.small_body {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background: #f8f8f8;
  overflow-y: auto;
  overflow-x:hidden;
  -webkit-overflow-scrolling: touch;
}

.small_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #000;
}
.small_head .go-back {
  padding-left: 15px;
}
.small_head .go-back:before {
  content: " ";
  display:block;
  width: 11px;
  height: 11px;
  border: solid #000;
  border-width: 2px 0 0 2px;
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}
.small_head .head-title {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  font-size: 16px;
}
.small_head .tool-box {
  padding-right: 15px;
  font-size:14px;
}
.small_head.whitehd{background:#000;color:#fff;}
.small_head.whitehd .go-back:before{border-color:#fff;}


.warp-gonggao {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(1, 1, 1, 0.7);
  display: none;
  z-index: 9;
}
.tan-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tan-open,
.tan-overlay {
  display: block;
  pointer-events: auto;
}


.gg-box {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: auto;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}

.small-btn{display:block;text-align: center;padding:10px 0;font-size:.65rem;background:#fff;border:1px solid #eee;line-height: normal;
	margin:.2rem 0;border-radius:1rem;
	}
	/*.small-btn:active{background:#f2f2f2;transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);}*/
	.small-btn.zpcol{
  color:#fff;
  
	/*背景渐变*/
	background: -moz-linear-gradient(left, #fd9d39, #ff423a);
	background: -webkit-linear-gradient(left, #fd9d39, #ff423a);
	background: -o-linear-gradient(left, #fd9d39, #ff423a);
	}
.small-btn.zborange{background:#fb6e65;color:#fff;border:none;
/* 盒子阴影 */
	-webkit-box-shadow: 0px 5px 15px rgba(255,21,43,.25);
	-moz-box-shadow: 0px 5px 15px rgba(255,21,43,.25);
	box-shadow:0px 5px 15px rgba(255,21,43,.25);
}
.small-btn.zborange:active{background:#fd938c}

.small-btn.delbtn{background:#bababa;color:#fff;border-color:transparent;}

/*背景颜色*/
.bgbk{background:black !important;}
.bgbe{background:blue !important;}
.bgr{background:red !important;}
.bgw{background:white !important;}

/* 字体颜色 */
.fcbe{color:blue !important;}
.fcw{color:white !important;}
.fcr{color:red !important;}
.fcbk{color:black !important;}
/* 字号 */
.fs20{font-size:.5rem !important;}
.fs22{font-size:.55rem !important;}
.fs24{font-size:.6rem !important;}
.fs26{font-size:.65rem !important;}
.fs28{font-size:.7rem !important;}
.fs30{font-size:.75rem !important;}
/* margin */
.mt20{margin-top:.5rem !important;}
.mt00{margin-top:0 !important;}
/* padding */
.pd20{padding:.5rem !important;}
.pd00{padding:0 !important;}

/*层级*/
.z10{z-index:10;}
.z20{z-index:20;}
.z100{z-index:100;}

/*去掉苹果点击效果*/
*{
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

@media only screen and (width:414px ) {
	html {font-size:25.875px !important;}
}
@media only screen and (width:375px ) {
	html {font-size: 23.4375px !important;}
}
@media only screen and (width:320px ) {
	html {font-size: 20px !important;}
}

/*jquery-weui picker 城市选择*/
.toolbar .title{line-height: 1.8rem !important; font-size: .65rem !important;}
.toolbar .picker-button{line-height: 1.8rem !important;height: 1.8rem !important; font-size: .65rem !important;}
.toolbar .toolbar-inner{height: 1.8rem !important;}
.picker-items{font-size:.65rem !important;}